<template>
	<view class="warp box">
		<view class="item_card" v-for="(item,index) in list" :key="index">
			<view class="title">{{item.title}}</view>
			<view class="time">{{item.createtime}}</view>
			<view class="status iconfont">&#xe602;取消收藏</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					title: "李克强对全国就业创业工作暨普通高等学校毕业生就业创业工作电视电话会议作出重要批示",
					image: "2021-06-16 15:24:17",
					createtime: "2021-06-16 15:24:17",
				} ,{
					title: "李克强对全国就业创业工作暨普通高等学校毕业生就业创业工作电视电话会议作出重要批示",
					image: "2021-06-16 15:24:17",
					createtime: "2021-06-16 15:24:17",
				} ,{
					title: "李克强对全国就业创业工作暨普通高等学校毕业生就业创业工作电视电话会议作出重要批示",
					image: "2021-06-16 15:24:17",
					createtime: "2021-06-16 15:24:17",
				}],

			}
		}
	}
</script>

<style scoped lang="less">
	.box {
		padding: 10rpx 30rpx;
		background-color: rgb(245,245,245);
	}

	.item_card {
		height: 200rpx;
		width: 90%;
		margin-top: 30rpx;
		border-radius: 15rpx;
		position: relative;
		background-color: #FFFFFF;

		.title {
			// width: 80%;
			padding: 0 30rpx;
			position: absolute;
			top: 30rpx;
		}
		.time{
			position: absolute;
			bottom: 30rpx;
			padding: 0 30rpx;
		}
		.status{
			position: absolute;
			bottom: 30rpx;
			left: 70%;
		}
	}
</style>
